@extends('layouts.home')
@section('css')
    <style>

    </style>
{{--        <link rel="stylesheet" type="text/css" href="{{ asset('css/admin/bootstrap.min.css')}}">--}}
        <link rel="stylesheet" href="{{ asset('css/home/timeline.css')}}">
@stop
@section('content')
    <div class="timeline">
        <?php $flag=true;?>
        @foreach($chats as $v)
            <div class="timeline-item timeline-item-{{ $flag?"left":"right"}}">
                <div class="timeline-point timeline-point-blank"></div>
                <div class="timeline-event timeline-event-default">
                    <div class="timeline-heading">
                        <h4>{{$v->created_at}}</h4>
                    </div>
                    <div class="timeline-body">
                        <p>{{$v->content}}</p>
                    </div>
                    {{--<div class="timeline-footer">--}}
                        {{--<p class="text-right">Feb-21-2014</p>--}}
                    {{--</div>--}}
                </div>
            </div>
            <?php $flag=!$flag; ?>
        @endforeach

        <div class="timeline-point timeline-point-blank"></div>

    </div>
@stop